/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .part.editor.empty.has-watermark {
	background-position-y: calc(50% - 100px);
	transition: background-position-y 1s;
}

.monaco-workbench > .part.editor > .watermark {
	position: absolute;
	width: 100%;
	top: calc(50% + 55px);
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

.monaco-workbench > .part.editor > .watermark > .watermark-box {
	display: inline-table;
	border-collapse: separate;
	border-spacing: 13px 17px;
}

@keyframes watermarkfadein {
	0% {
		opacity: 0;
	}
	33% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@media (min-height: 501px) {
	.monaco-workbench > .part.editor > .watermark {
		animation: watermarkfadein 2s;
		opacity: 1;
		transition: opacity 1s;
	}
}

@media (max-height: 500px) {
	.monaco-workbench > .part.editor > .watermark {
		opacity: 0;
	}
	.monaco-workbench .part.editor.empty.has-watermark {
		background-position-y: 50%;
	}
}

.monaco-workbench > .part.editor > .watermark dl {
	display: table-row;
	opacity: .8;
	cursor: default;
}

.monaco-workbench > .part.editor > .watermark dt {
	text-align: right;
	letter-spacing: 0.04em
}

.monaco-workbench > .part.editor > .watermark dd {
	text-align: left;
}

.monaco-workbench > .part.editor > .watermark dd > .shortcuts {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.monaco-workbench.mac > .part.editor > .watermark dd > .shortcuts {
	letter-spacing: 0.15em;
}

.monaco-workbench > .part.editor > .watermark dt,
.monaco-workbench > .part.editor > .watermark dd {
	display: table-cell;
}

.monaco-workbench > .part.editor > .watermark dt,
.monaco-workbench > .part.editor > .watermark dl {
	color: rgba(0,0,0,.68);
}

.vs-dark .monaco-workbench > .part.editor > .watermark dt,
.vs-dark .monaco-workbench > .part.editor > .watermark dl {
	color: rgba(255,255,255,.6);
}

.hc-black .monaco-workbench > .part.editor > .watermark dt {
	color: #FFF;
}
.hc-black .monaco-workbench > .part.editor > .watermark dl {
	color: #FFF;
	opacity: 1;
}
